<template>
    <div>
        <h1>门号增加</h1>
        <table class="table table-bordered">
            <tr>
                <td>Id</td>
                <td>门号</td>
                <td>类型</td>
                <td>人数</td>
                <td>地址</td>
            </tr>
            <tr v-for="item in list">
                <td>{{ item.id }}</td>
                <td>{{ item.name }}</td>
                <td>{{ item.type }}</td>
                <td>{{ item.num }}</td>
                <td>{{ item.addr }}</td>
            </tr>
        </table>
    </div>
</template>

<script setup lang="ts">
import { reactive, toRefs, onMounted } from 'vue';
import { useRoute, useRouter } from 'vue-router';
import axios from 'axios';

let router = useRouter();
let route = useRoute();
let data: any = reactive({
    s: {

    },
    list: [],
});

let { s, list } = toRefs(data);

onMounted(() => {
    show();
})
const show = () => {
    let obj = {

    }
    axios({
        method: "get",
        url: "/api/ShopNumber/ShopNumberList",
        params: obj
    }).then((res) => {
        list.value = res.data.data
    })
}

</script>

<style scoped></style>